page-card {
    // linear-gradient(to right, #ff4200, #ff0000);
    ion-segment {
      background: #fff;
    }


    .tihuo-viewpage {
        .segment-button {
        // border-color:rgb(246, 138, 48);
        // color: #ff0000;
             color: rgb(138, 138, 138);

        }
    }

    .segment-md .segment-button.activated,
    .segment-md .segment-button.segment-activated {
        border-color: #ff0000;
        color: #ff0000;

        opacity: 1;
    }

    .card-list {
        .null {
            height: 50%;
            margin-top: 20%;

            img {
                margin-top: 10%;
                width: 40%;
                height: 40%;
                display: block;
                margin: auto;
            }
            span {
                display: block;
                text-align: center;
                color: rgb(138, 138, 138);
                font-size: 1.4rem;

            }
        }

        .order-list{
            display: flex;
            flex-flow: column;
            .loading{
				display: flex;
				justify-content: center;
			}
            .order-info{
                display: flex;
                flex-flow: row;
                width:100%;
                justify-content: space-between;
                padding:14px;
                border-bottom: 1px solid rgb(240, 240, 240);
                .goods-img{
                    width:35%;
                }
                .goods-title{
                    flex-flow: column;
                    display: flex;
                    font-size: 1.4rem;
                    span:first-child{
                        height:70%

                    }
                    span:last-child{
                        align-self: end;

                    }
                }
                .btn{
                    font-size: 1.4rem;
                    color:#ff0000;
                    display: flex;

                    span{
                        padding: 5px 10px 5px 10px;
                        border: 1px solid #ff0000;
                        border-radius: 5px;
                        margin: auto 0

                    }
                }


            }

        }

    }
    .swipe{
        height:fit-content;
    }


}
